<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script>

        function init(){
            var ctx = document.getElementById("canvas").getContext('2d');
            ctx.beginPath();
            ctx.strokeStyle = "rgb(200,0,0)";
            ctx.arc(200,200,50,0,Math.PI,true);
            ctx.fillStyle = "rgb(200,0,200)";
            ctx.closePath();
            //ctx.stroke();
            ctx.fill();
            ctx.strokeStyle = "rgb(255,0,0)";
            ctx.lineWidth = 5;
            ctx.stroke();
        }
        </script>
    </head>
    <body onload="init();">
        <canvas id="canvas" width="400" height="300">
            Your browser does not support the HTML5 element canvas.
        </canvas>

        <form>
            Stage: <input name="stage" value="Frist Throw"/>
            Point: <input name="pv" value="   "/>
            Outcome: <input name="outcome" value="   "/>
            <input type="submit" value="THROW DICE"/>
        </form>
    </body>
</html>
